<template>
  <div class="agents__list">
    <list-item v-for="item in list" :key="item.id" :item="item" />
  </div>
</template>

<script>
import ListItem from './list-item.vue'
export default {
  name: 'AgentList',
  components: {
    ListItem
  },
  props: {
    list: {
      type: Array,
      default: () => []
    }
  }
}
</script>

<style lang="scss" scoped>
.agents__list {
  display: grid;
  gap: 10px;
  // line-height: 1;
}
</style>
